<style>
	body{ margin: 0; padding: 0; text-align: center; }          
	#container { width:966px; margin:0 auto; text-align:left; }
	#left_main { float:left; width:256px; height:400px;border:1px solid; }
	#right_content { float:right; width:700px;}
	#left_box {                       	/* 设置左部主要内容区块的CSS布局样式      	*/
		float:left;                    	/* 设置该区块框向左浮动，脱离文档流          	*/
		width:400px;                	/* 设定该区块框的宽度为400个像素            	*/
		height:400px;               	/* 设定该区块框的高度为400个像素，临时设置	*/
		border:1px solid;             	/* 设定该区块框的边框为1px的直线边框        	*/
	}
	#right_box {                      	/* 设置右部次要内容区块的CSS布局样式         	*/
		float:right;                   	/* 设置该区块框向右浮动，脱离文档流           	*/
		width:290px;               	/* 设定该区块框的宽度为290个像素             	*/
		height:400px;               	/* 设定该区块框的高度为400个像素，临时设置  	*/
		border:1px solid;            	/* 设定该区块框的边框为1px的直线边框         	*/
	}
</style>
<body>                             	<!-- 使用CSS清除主体标记默认的边距，设置文本居中 -->
	<div id="container">             	<!-- 定义网页最外层的容器使用CSS设置居中显示    -->
		<div id="left_main">         	<!-- 设置左部主导航的区块框 -->
			主导航区块
		</div>
		<div id="right_content">     	<!-- 设置右部内容的区块框 -->
			<div id="left_box">     	<!-- 设置主要内容的区块框 -->
				主要内容区块
			</div>                	<!-- 主要内容的区块框结束 -->
			<div id="right_box">     	<!-- 设置次要内容的区块框 -->
				次要内容区块
			</div>	            	<!-- 次要内容的区块框结束 -->
		</div>	
	</div>	                      	<!-- 外层容器结束标记    -->
</body>	

